import { defineComponent } from 'vue'
import { LeftOutlined } from '@ant-design/icons-vue'

export default defineComponent({
  setup() {
    return () => (
      <div class="bg-gradient-to-r from-[#181b22] to-[#32353b] w-full">
        <header class="h-10 flex items-center px-4 text-white">
          <LeftOutlined class="dome-text" />
        </header>
        <div class="h-[120px] px-4 flex items-center">
          <img
            src="https://img0.baidu.com/it/u=401635172,2487058385&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=768"
            class="w-20 h-20 object-cover"
            style="border-radius: 50%"
            alt=""
          />
          <span class="text-white pl-4">
            <h3 class="text-white text-base">张译</h3>
            <span class="text-xs">演员</span>
          </span>
        </div>
      </div>
    )
  }
})
